﻿@model WebChatClient.Controllers.Chatter

@{
    ViewBag.Title = "LogIn";
    Layout = null;
}


<!--
	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  	<title>Sliding Login Panel with jQuery 1.3.2</title>
  	<meta name="description" content="Demo of a Sliding Login Panel using jQuery 1.3.2" />
  	<meta name="keywords" content="jquery, sliding, toggle, slideUp, slideDown, login, login form, register" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />	

	<!-- stylesheets -->
  	<link rel="stylesheet" href="../../Content/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="../../Content/slide.css" type="text/css" media="screen" />
	 
    <!-- jQuery - the core -->
	<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
	<!-- Sliding effect -->
	<script src="../../Scripts/slide.js" type="text/javascript"></script>

</head>

<body>
<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Chat system</h1>
				<h2>MSSV : 0912094</h2>
                <h2>Họ tên : Trần Triệu Dương</h2>
			</div>
			<div class="left">
				<!-- Login Form -->
				@*<form class="clearfix" action="#" method="post">*@
                @using (Html.BeginForm("Index", "LogIn"))
                {
					<h1>Member Login</h1>
					<label class="grey" for="log">Username:</label>
					@*<input class="field" type="text" name="log" id="log" value="" size="23" />*@
                    <div>
                        @Html.TextBoxFor(m => m.Nick, new { @class = "field", @title = "log id" })
                        @Html.ValidationMessageFor(m => m.Nick)
                    </div>
					<label class="grey" for="pwd">Password:</label>
					@*<input class="field" type="password" name="pwd" id="pwd" size="23" />*@
                    <div>
                        @Html.PasswordFor(m => m.Password, new { @class = "field", @title = "pwd" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                    
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Log In" class="bt_login" />
					<a class="lost-pwd" href="#">Lost your password?</a>
                    
                    <div>
                        <br/>
                        <br/>
                        <br/>
                        @Html.ValidationSummary()
                    </div>
                }
				@*</form>*@
			</div>
			<div class="left right">			
				<!-- Register Form -->
				@*<form action="Register" method="post">*@
                @using (Html.BeginForm("Index", "Register", FormMethod.Post, new { enctype = "multipart/form-data" }))
                {
                
                    
                     @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
					<h1>Not a member yet? Sign Up Now!</h1>				
					<label class="grey" for="signup">Username*:</label>
					@*<input class="field" type="text" name="signup" id="signup" value="" size="23" />*@
                    <div class="editor-field">
                        @Html.TextBoxFor(m => m.Nick, new { @class = "field", @title = "signup" })
                        @Html.ValidationMessageFor(m => m.Nick)
                    </div>
					<label class="grey" for="email">Password*:</label>
					@*<input class="field" type="text" name="password" id="password" size="23" />*@
                    <div class="editor-field">
                        @Html.PasswordFor(m => m.Password, new { @class = "field", @title = "password" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </div>
                    <label class="grey" for="email">Retype Password*:</label>
					<input class="field" type="text" name="retypepassword" id="retypepassword" size="23" />
                    <label class="grey" for="email">Name:</label>
					<input class="field" type="text" name="name" id="name" size="23" />
                    <label class="grey" for="email">Avata:</label>
					<input class="field" type="file" name="imageFile" id="imageFile" size="26" />

					<input type="submit" name="submit" value="Register" class="bt_register" />
                }
				@*</form>*@
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Hello Guest!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Log In | Register</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->

    <div id="container">
		<div id="content" style="padding-top:100px;">
			<h1>Wellcome to chat system</h1>
		</div><!-- / content -->		
	</div><!-- / container -->
</body>
</html>

